<template>
    <div v-show="activeName === name">
        <slot/>
    </div>
</template>

<script>
import { inject } from 'vue';
    export default {
        name:'XtxTabsPanel',
        props:{
            name:{
                type:[Number,String],
                default:'title'
            },
            lable:{
                type:[String,Number],
                defalut:'lable'
            }
        },
        setup() {
            const activeName = inject('activeName')

            return{
                activeName
            }
        }
    }
</script>